<template>
    <div class="bigbox">
      <shopclassify-heater></shopclassify-heater>
      <shopclassify-content :datas="shopclassifydata" :shoedatas="shoesdata"></shopclassify-content>
    </div>
</template>
<script type="text/ecmascript-6">
  import ShopclassifyHeater from "../components/shopclassify/shopclassify_header.vue";
  import ShopclassifyContent from "../components/shopclassify/shopclassify_content.vue";
  import Shopclassify from "../apis/bshopapis";
  export default {
      beforecreate:function(){
        location.reload();
      },
      created:function(){
        this.initUi();
        this.initshoes();
      },
      components:{
        ShopclassifyHeater,
        ShopclassifyContent,
      },
      data(){
        return{
          shopclassifydata:[],
          shoesdata:[]
        }
      },
      methods:{
        initUi:function(){
          Shopclassify.getdata((data)=>{
            this.shopclassifydata=data;
          })
        },
        initshoes:function(){
          Shopclassify.shoesdata((data)=>{
            this.shoesdata=data;
          })
        },
      }
    }
</script>

<style scoped lang="scss">

</style>
